<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <input type="text" id="row">
    <input type="text" id="col">
    <input type="button" id="btn" value="生成">
    <table border="1" id="table"></table>
</body>
<script>
    // 获取元素
    var row = document.getElementById("row");
    var col = document.getElementById("col");
    var btn = document.getElementById("btn");
    var table = document.getElementById("table");

    // 点击触发功能
    btn.onclick = function(){
        // 获取行数和列数
        var r = row.value-0;
        var c = col.value*1;
        // 准备存放表格结构（行）
        var str = "";
        // 准备生成行
        for(var i=0;i<r;i++){
            // 准备存放表结构（列）
            var tds = "";
            // 准备生成列
            for(var j=0;j<c;j++){
                // 生成列
                tds += "<td>"+ i + "-" + j +"</td>";
            }
            // 生成行（行内包含列）
            str += "<tr>"+ tds +"</tr>";
        }
        // 将表结构（行）放入table内
        table.innerHTML = str;
    }

</script>
</html>